<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- content in head will not be shown in the explorer -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>
<body>
	<p align="left">show some text</p>
	<br>
	<p align="right">show some text</p>
	<!-- 	不换行文本 -->
	<nobr>sdfsdffffffffffffffffffffffffkkkkdddddddddddddddddddddddddddddddddddddddffffffffffffffffffsssssssssssssssskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkaaaaaaaaaaaaaaaaaaaa</nobr>
	<blockquote>fsdfsdfsfd</blockquote>
	<marquee direction="left" behavior="alternate">hello world</marquee>
	<h1>city list</h1>
	<!-- 	跳转到指定位置 -->
	<a name="mark 1">mark part 1</a>
	<!-- 	dl is short for definition list 创建一个普通的列表
		dt is short for definition term用来创建列表的上层项目
		dd is short for definition definition用来创建列表中最下层项目 -->
	<dl>
		<dt>中国城市</dt>
		<dd>北京</dd>
		<dd>上海</dd>
		<dd>广州</dd>
		<dd>西安</dd>
		<dt>美国城市</dt>
		<dd>洛杉矶</dd>
		<dd>纽约</dd>
	</dl>
	<!-- 	ol(ordered list)是用来创建一个标有数字的列表,ul(unordered list)创建一个标有圆点的列表 -->
	<ol>
		<!-- 	 li (list item) -->
		<li>Item one</li>
		<li>Item two</li>
	</ol>
	<ul>
		<li>Item one</li>
		<li>Item two</li>
	</ul>
	<!-- <b></b>使文本以粗体显示<i></i>斜体<u></u>加下划线<sub></sub>加下标<sup></sup>加上标 -->
	<b>bold</b>
	<i>lean</i>
	<sub>sub</sub>
	<sup>sup</sup>

	<!-- <font></font>用来改变字体颜色大小等 -->
	<p>
		<font size="+1" color="red"><b>bold</b><sub>bold</sub></font>
	</p>
	<!-- <a></a>创建超链接 -->
	<a href="http://www.baidu.com">baidu网</a>
	<!-- href 对应的是点击图片后的链接或资源，src对应的是在当前页面显示的图片 -->
	<!-- alt表示鼠标移动到图片上图像显示的文本，border 边框宽度 -->
	<a href="money.jpg"><img alt="cute dog" border="5" src="dog.jpg"></a>
	<p>this is a cute dog</p>
	<a href="#mark 1">turn tp mark part 1</a>
	<img alt="money is good " src="money.jpg" usemap="#mymap">
	<map name="mymap">
		<area alt="" shape="rect" href="http://www.baidu.com"
			coords="140,20,280,60">
		<area alt="" shape="poly" href="http://www.sina.com"
			coords="100,100,180,80,200,140">
		<area alt="" shape="circle" href="http://www.sohu.com"
			coords="80,100,60">
	</map>
	<!-- 	<table></table>用来创建表格 -->
	<!-- 	<tr></tr> 对应表格中的每一行 ，<td></td>标签用来创建表格中一行里的每一列单元格
		<th></th>和<td></td>效果完全一样，不过是黑体剧中-->
	<table bgcolor="white" border="2">
		<tr title="color">
			<th colspan="2">Column 1 Heading</th>
			<th>Column 2 Heading</th>
		</tr>
		<tr>
			<td colspan="1">Row 1: Col 1</td>
			<td>Row 1: Col 2</td>
		</tr>
	</table>
	<!-- 	<div></div>是区域标签，可以为这个区域内的元素统一设置属性 -->
	<div align=center>
		<p>paragraph1</p>
		<img alt="" src="money.jpg">
		<p>paragraph2</p>
		<img alt="" src="dog.jpg">
	</div>
	<p title="a gentle reminder"> don't forget to buy this stuff.</p>
</body>
</html>